import { Item } from '@fomantic-react/main';

export default () => (
  <Item.Group divided>
    <Item>
      <Item.Image as="a" size="tiny" src="/images/image.png" />
      <Item.Content>
        <Item.Header>Header</Item.Header>
        <Item.Meta>
          <span>Meta</span>
        </Item.Meta>
        <Item.Description>
          <p>Desc</p>
        </Item.Description>
        <Item.Extra>Extra</Item.Extra>
      </Item.Content>
    </Item>
    <Item>
      <Item.Image size="large" src="/images/image.png" />
      <Item.Content>
        <Item.Header>Header</Item.Header>
        <Item.Meta>
          <span>Meta</span>
        </Item.Meta>
        <Item.Description>
          <p>Desc</p>
        </Item.Description>
        <Item.Extra>Extra</Item.Extra>
      </Item.Content>
    </Item>
  </Item.Group>
);
